<ion-view class="white-theme chats" hide-nav-bar="true" cache-view="false">
    <ion-header-bar>
        <div class="buttons left-buttons">
            <button class="button button-icon ion-ios-arrow-back" ng-click="goBack()"></button>
        </div>
        <h2 class="title">电话会议</h2>
    </ion-header-bar>
    <ion-header-bar class="bar-subheader">
        <div class="item-input-inset input-cell-num">
            <label class="item-input-wrapper">
                <input type="number" placeholder="请输入电话号码" ng-model="data.manualAdd">
            </label>
            <button class="button" ng-click="manualAdd()" ng-disabled="!(data.manualAdd&&(data.manualAdd.toString().length===11))">添加</button>
        </div>
        <div class="card source-list">
            <ion-item class="item-icon-right" ng-click="pickCorporateContact()">
                企业联系人
                <i class="icon ion-ios-arrow-right color"></i>
            </ion-item>
            <ion-item class="item-icon-right" ng-click="pickPhoneContact()">
                手机通讯录
                <i class="icon ion-ios-arrow-right color"></i>
            </ion-item>
        </div>
    </ion-header-bar>
    <ion-content scroll="false" class="chats-content">
        <h4 class="participator-title">参与人<small>（最多添加8个）</small></h4>
        <div class="participator-scroll">
            <ion-scroll has-bouncing="true">
                <div class="row participator-container clearfix">
                    <div class="u9-col-xs-3 participator fade-out" ng-repeat="participator in data.participators"
                         on-hold="onHoldImg()">
                        <div class="img-wrapper" ng-class="{shake:data.delete}">
                            <img ng-src="{{participator.photo || 'img/default-avatar.png'}}">
                            <span class="delete-contact" ng-if="data.delete" ng-click="manualDelete($index)">
                                <i class="icon ion-android-close"></i>
                            </span>
                            <p>{{participator.name}}</p>
                        </div>
                    </div>
                </div>
            </ion-scroll>
        </div>
    </ion-content>
    <ion-footer-bar class="chat-footer-bar">
        <div class="start-chat">
            <button class="button button-icon ion-android-call" ng-click="createConference()"></button>
        </div>
    </ion-footer-bar>
</ion-view>